﻿  /*******************/
 /** vista theme **/
/*******************/

.t-widget
{
    border-color: #a7bac5;
    /*font-size: .75em; /* 12px base, if there are no inherited font-sizes (MVC default) */
    background-color: #fff;
}

/* since vista is a theme, based on an operating system, it has a custom font-family */
.t-widget,
.t-widget button,
.t-widget input,
.t-widget select,
.t-button
{    
    font-family: "Segoe UI", Arial, sans-serif;
}

/* .small .t-widget { font-size: .687em; } /* 11px base, if there are no inherited font-sizes (MVC default) */

.t-header,
.t-grid-header
{
    border-color: #a7bac5;
    background: #a6d9f4 url('Vista/sprite.png') repeat-x 0 -368px;
}

.t-icon { background-image: url('Vista/sprite.png'); }
.t-editor .t-tool-icon { background-image: url('Vista/editor.png'); }

.t-expand { background-position: 0 -160px; }
.t-collapse { background-position: 0 -176px; }

.t-plus, .t-plus-disabled { background-position: 0 -256px; }
.t-minus, .t-minus-disabled { background-position: -16px -256px; }

.t-arrow-up { background-position: -16px -160px; }
.t-arrow-down { background-position: -16px -176px; }

.t-state-disabled .t-arrow-up { background-position: -32px -160px; }
.t-state-disabled .t-arrow-down { background-position: -32px -176px; }

.t-state-hover .t-arrow-up { background-position: -48px -160px; }
.t-state-hover .t-arrow-down { background-position: -48px -176px; }

.t-numerictextbox .t-arrow-up { background-position: -16px -162px; }
.t-numerictextbox .t-arrow-down { background-position: -16px -178px; }

.t-arrow-up-small { background-position: 0 -304px; }
.t-arrow-down-small { background-position: -16px -304px; }

.t-arrow-first { background-position: 0 -192px; }
.t-arrow-prev { background-position: -16px -192px; }
.t-arrow-next { background-position: -32px -192px; }
.t-arrow-last { background-position: -48px -192px; }

.t-state-disabled .t-arrow-first { background-position: 0 -208px; }
.t-state-disabled .t-arrow-prev { background-position: -16px -208px; }
.t-state-disabled .t-arrow-next { background-position: -32px -208px; }
.t-state-disabled .t-arrow-last { background-position: -48px -208px; }

.t-state-hover .t-arrow-first { background-position: 0 -224px; }
.t-state-hover .t-arrow-prev { background-position: -16px -224px; }
.t-state-hover .t-arrow-next { background-position: -32px -224px; }
.t-state-hover .t-arrow-last { background-position: -48px -224px; }

.t-filter { background-position: 0 -240px; }
.t-clear-filter { background-position: -16px -240px; }

.t-refresh { background-position: -32px -240px; }
.t-icon-calendar { background-position: -48px -240px; }

.t-edit { background-position: 0 -336px; }
.t-delete { background-position: -16px -336px; }
.t-insert, .t-update { background-position: -32px -336px; }
.t-group-delete { background-position: 0 -288px; }

.t-maximize { background-position: -16px -288px; }
.t-restore { background-position: -32px -288px; }
.t-close { background-position: -64px -288px; }

.t-insert-top { background-position: 0 -320px; }
.t-insert-middle { background-position: -16px -320px; }
.t-insert-bottom { background-position: -32px -320px; }
.t-add { background-position: -48px -320px; }
.t-denied, .t-cancel { background-position: -64px -320px; }

.t-loading,
.t-widget .t-loading { background: transparent url('Vista/loading.gif') no-repeat 0 0; }

.t-widget,
.t-link:link,
.t-link:active,
.t-link:visited,
.t-popup
{
    color: #000;
}

.t-group,
.t-content,
.t-editable-area
{
    border-color: #a7bac5;
    background-color: #fff;
}

.t-colorpicker .t-arrow-down
{
    border-color: #a7bac5;
}

.t-separator
{
    border-color: #eaf6fd;
    background-color: #a7bac5;
}

.t-alt
{
    background-color: #f7f7f7;
}

.t-state-default
{
    border-color: #a7bac5;
}

.t-active-filter
{
    background-color: #ceeefd;
}

.t-state-hover
{
    background-color: #e3f4fc;
    border-color: #a7bac5;
}

.t-state-active
{
    background-color: #fff;
    border-color: #a7bac5;
}

.t-state-selected
{
    background-color: #c8e8f8;
}

.t-state-error
{
    border-style: ridge;
    border-color: #f00;
    background-color: #ffc0cb;
}

.t-state-disabled,
.t-state-disabled .t-link
{
    color: #8a8a8a;
    border-color: #bbb;
}

.t-toolbar,
.t-grouping-header,
.t-widget .t-pager-wrapper,
.t-grid-footer,
.t-widget .t-status
{
    border-color: #bbb;
    background-color: #eff7fc;
}

.t-button
{
    background: #e8e8e8 url('Vista/sprite.png') repeat-x 0 -96px;
    color: #333;
}

.t-button-hover
{
    background-position: 0 -128px;
}

.t-tabstrip li.t-state-active
{
    border-bottom-color: #fff;
}

.t-grid td
{
    border-color: #ddd;
    border-right: 1px solid #eee;
}

.t-grouping-row td
{
    background: #fff url('Vista/sprite.png') repeat-x 0 -48px;
}

.t-grouping-header .t-group-indicator
{
    color: #333;
    border-color: #ccc;
}

.t-grouping-dropclue
{
    background: url('Vista/sprite.png') no-repeat -48px -288px;
}

.t-grouping-row .t-group-cell,
.t-grouping-row p
{
    background: #fff;
}

.t-grouping-row p
{
    margin-left: -.6em;
    padding-left: .6em;
}

.t-treeview .t-drop-clue
{
    background-image: url('Vista/sprite.png');
    background-position: 0 -358px;
}

.t-treeview .t-state-selected
{
    border-color: #99defd;
}

.t-panelbar .t-link,
.t-panelbar .t-group,
.t-panelbar .t-content
{
    border-color: #aaa;
}

.t-panelbar .t-state-hover
{
    background-image: none;
}

.t-calendar th
{
    border-color: #e0e0e0;
}

.t-other-month .t-link
{
    color: #777;
}

.t-editor-button .t-state-hover
{
    border-color: #ebf6fd #88a1af #88a1af #ebf6fd;
    background-color: #c9e8fa;
}

.t-editor-button .t-state-active
{
    border-color: #809eae #bae1f5 #bae1f5 #809eae;
    background-color: #95cfec;
}